<template>
  <RouterLink :to="`/goods/${good.id}`" class="goods-item">
    <img v-imgLazy="good.picture" alt="" />
    <p class="name ellipsis">{{ good.name }}</p>
    <p class="desc ellipsis">{{ good.desc }}</p>
    <p class="price">&yen;{{ good.price }}</p>
  </RouterLink>
</template>

<script>
export default {
  props: {
    good: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style></style>
